<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>catflix</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <div class="main">
        <div class="top">
            <a href="#">
                <img src="catflix.svg" alt="">
            </a>
            <div class="center">
                <a href="#"><span class="iconfont" class="Home">&#xe84f;Home</span></a>
                <a href="#"><span class="iconfont">&#xe82f;Movies</span></a>
                <a href="#"><span class="iconfont">&#xe851;Series</span></a>
            </div>
            <div class="ss">
               <form action="">
                    <input type="text" placeholder="&#xe840; search" class="sr iconfont">
                     <a href="#"><input type="button" value="&#xe828;" class="gr iconfont"></a>
                </form>
            </div>
        </div>
        <div class="and">
            <div class="tow">
                <img src="catflix.svg" alt="" class="logo">
                <P class="towText">免费在线观看电影</P>
                <input type="text" placeholder="&#xe840; search..." class="towSs iconfont">
                <a href="#"><input type="button" value="主页"></a>
            </div>
            <div class="three">
                <p class="threeText">常见问题解答</p>
                <p class="threeP">浏览我们的常见问题解答，获取有关使用我们的流媒体服务（从订阅详细信息到故障排除）的快速解答。获取您所需的帮助，轻松欣赏您喜爱的电影和节目</p>
                <label>
                    <input type="checkbox" id="whatIn">
                    <div class="what">
                        <span class="whatText">什么是catlix?</span>
                            <span id="whatSpan">+</span>
                            <p class="whatP">浏览我们的常见问题解答，获取有关使用我们的流媒体服务（从订阅详细信息到故障排除）的快速解答。</p>
                    </div>
                </label>
            </div>
            <div class="bottom">
                <div><img src="catflix.svg" alt=""></div>
                <div class="bottomText1"><span>Home</span><span>Movies</span><span>Series</span><span>Search</span></div>
                <div class="bottomText2"><span>@Distv+2023</span><span>Home</span><span>Movies</span><span>Series</span><span>Search</span></div>
            </div>
        </div>
        <div class="end">
            <span class="iconfont" class="Home">&#xe84f;Home</span>
            <span class="iconfont">&#xe82f;Movies</span>
            <span class="iconfont">&#xe851;Series</span>
        </div>
    </div>
</body>
</html>